import { EditorTheme } from "./DarkTheme";

export const LightTheme: EditorTheme = {
  base: "vs",
  shadow: "#00000022 2px 2px 14px",
  backgroundedText: "#080815",
  disabled: "#7f7f7f",
  inactive: "#777777",
  dimmed: "#444444",
  text: "#020202",
  info: "#2764f8",
  success: "#007fff",
  error: "#fa198b",
  contra: "#000000",
  title: "#007fff",
  hover: "#ee2549",
  secondaryHover: "#DD7230",
  main: "#d966ff",
  active: "#ee2549",
  background: {
    mainClosest: "#b2b2b2",
    mainCloser: "#bfbfbf",
    mainClose: "#cccccc",
    mainMiddle: "#d8d8d8",
    mainFar: "#e5e5e5",
    mainFurther: "#f2f2f2",
    mainFurthest: "#f7f7f7",
    success: "#27c680",
    error: "#c1301f",
  },
  backgrounds: {
    type: "#60a8f2",
    union: "#9e89e5",
    input: "#d8ad97",
    scalar: "#85ccae",
    interface: "#ae798d",
    enum: "#c5d8a2",
    directive: "#cc8a84",
    extend: "#bad881",
    Extend: "#000000",
    String: "#0f9535",
    Int: "#0f9535",
    Boolean: "#0f9535",
    ID: "#0f9535",
    Float: "#0f9535",
  },
  colors: {
    type: "#1885f2",
    union: "#6844e5",
    input: "#d8642b",
    scalar: "#189649",
    interface: "#992c57",
    enum: "#548201",
    directive: "#cc493d",
    extend: "#1885f2",
    Extend: "#1885f2",
    String: "#acf7c1",
    Int: "#acf7c1",
    Boolean: "#acf7c1",
    ID: "#acf7c1",
    Float: "#acf7c1",
  },
};
